@model List<CrazyToDo.Web.Models.MatterViewModel>
    @{
        ViewData["Title"] = "Home";
    }

<head>
    <link href="~/Home/css/Home.css" rel="stylesheet" />
    <script src="~/Home/js/Home.js"></script>

</head>
<div class="Content">

    <div class="My-List">
        <div class="Today-Matter">
            <label class="myDay">我的一天</label>
            <img src="~/Home/img/加号.png" data-toggle="modal" data-target="#myModal" class="addMatter" />
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="~/Home/Add" method="post">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>
                                <h4 class="modal-title" id="myModalLabel">
                                    事项
                                </h4>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="name">内容</label>
                                    <input type="text" class="form-control" name="content"
                                           placeholder="请输入内容">
                                    <label for="name">备注</label>
                                    <input type="text" class="form-control" name="remark"
                                           placeholder="请输备注">
                                    <label for="name">结束时间</label>
                                    <input type="datetime-local" class="form-control" name="overdueTime"
                                           placeholder="请输入结束时间">

                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">
                                    关闭
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    添加
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="matterPanel">
                <div class="matterPanelSecend">
                    <div id="org"></div>
                    <div class="bs-example bs-example-form" role="form" id="form">
                        <ul>
                            @foreach (var item in Model)
                            {
                                if (item != null)
                                {
                                    if (item.State == false)
                                    {
                                        <li>
                                            <span class="input-group-addon" id="input-group-addon-check" >
                                                <input type="checkbox" id="check" onclick="changeState(@item.Id)">
                                            </span>
                                            <span class="input-group-addon" id="input-group-addon-delete" >
                                                <img src="~/Home/img/删除(1).png" class="delete" onclick="Delete(@item.Id)"/>
                                            </span>
                                            <p type="text" class="form-control" onclick="details(@item.Id)"> @item.Content </p>

                                        </li>

                                    }
                                    else
                                    {

                                        <li>
                                            <span class="input-group-addon" id="input-group-addon-check">
                                                <input type="checkbox" id="check" checked="checked" onclick="changeState(@item.Id)">
                                            </span>
                                            <span class="input-group-addon" id="input-group-addon-delete">
                                                <img src="~/Home/img/删除(1).png" class="delete" onclick="Delete(@item.Id)" />
                                            </span>
                                            <p type="text" style="text-decoration:line-through;" class="form-control" onclick="details(@item.Id)"> @item.Content </p>
                                        </li>
                                    }

                                }


                            }

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="myActivity">
            <div class="Activity">
                <label class="myActivityLable">我的活动</label>
                <div id="activity">
                </div>
            </div>
        </div>
        



    </div>
    <div class="Matter-Detailed-Information" id="details">

        <div><img class="crazyDogLogo" src="~/Home/img/crazydog.png"/></div>
        <div class="matterContent">
            <div class="panel panel-info" id="matterLable">
                <div class="panel-heading" id="detailedInformation">
                    <h3 class="panel-title">事件内容</h3>
                </div>
                <div class="panel-body">
                  
                </div>
            </div>
            <div class="panel panel-info" id="matterLable">
                <div class="panel-heading" id="detailedInformation">
                    <h3 class="panel-title">创建时间</h3>
                </div>
                <div class="panel-body">
                    
                </div>
            </div>
            <div class="panel panel-info" id="matterLable">
                <div class="panel-heading" id="detailedInformation">
                    <h3 class="panel-title">过期时间</h3>
                </div>
                <div class="panel-body">
                    
                </div>
            </div>
            <div class="panel panel-info" id="matterLable">
                <div class="panel-heading" id="detailedInformation">
                    <h3 class="panel-title">事项备注</h3>
                </div>
                <div class="panel-body">
                    
                </div>
            </div>
        </div>
    </div>
</div>





